﻿body {
    padding:0;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.navbar{
    background-color:#fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
    z-index:10;
}

.navbar .logo{
    float: left;
    width:50px;
    height:50px;
    background-image:url(/images/logo.png);
    background-size:cover;
}

.navbar .title{
    font-size:18px;
    font-weight:bold;
    line-height:50px;
}


.userinfo{
    float:right;
    margin-right:10px;
}
.userinfo .dropdown-menu{
    right:0;
    left: auto;
}
.userinfo a{
    text-decoration:none;
    line-height:50px;
    color:#000;
}

.userinfo a:hover{
    text-decoration:none;
    color:#000;
}

.body-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:65px 10px 0px 210px;
    z-index:8;
}
.right{
    float:right;
}
.leftbar{
    position:absolute;
    left:0;
    top:0;
    width:200px;
    height:100%;
    padding-top:50px;
    background-color: #F8F8F8;
    color:#666;
    z-index:9;
}

.leftbar ul{
    margin:0;
    padding:0;
    list-style:none;
}

.leftbar ul li{
    width:100%;
    font-size:15px;
    line-height:50px;
    padding-left:2em;
    cursor:pointer;
}

.leftbar ul li.indent2{
    padding-left:3em;
}

.leftbar ul li:hover,.leftbar ul li.active{
    background-color:rgba(0,0,0,.05);
}


.topsection{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:165px;
    padding:65px 10px 0 210px;
    background-color:#fff;
    z-index:6;
}

.searchinput{
    position:relative;
    display:inline-block;
    width:300px;   
    height:35px; 
    margin-right:10px;
}

.searchinput input{
    width:100%;
    height:35px;
    border:none;
    padding-right:25px;
    padding-left:15px;
    background-color:#F1F3F5;
    border-radius:18px;
    outline:none;
}

.searchinput input:hover{
    border:none;
}

.searchinput .searchicon{
    position:absolute;
    right:30px;
    top:0;
    line-height:35px;
    cursor:pointer;
}

.searchtype{
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 35px;
    font-size: 27px;
}

.path{
    margin:5px 0 5px 0;
    font-size:12px;
}

.list-header{
    width:100%;
    height:30px;
    line-height:20px;
    font-size:12px;    
    z-index:5;
}
.list-header .sorttype0,.list-header .sorttype1,.list-header .sorttype2{
    color:#00ACFF;
}

.order-0 .sorttype0{display:inline-block;}
.order-0 .sorttype1,.order-0 .sorttype2{display:none;}

.order-1 .sorttype1{display:inline-block;}
.order-1 .sorttype0,.order-1 .sorttype2{display:none;}

.order-2 .sorttype2{display:inline-block;}
.order-2 .sorttype1,.order-2 .sorttype0{display:none;}

.asc-0 .fa-sort-up,.asc-1 .fa-sort-down {display:none;}
.asc-1 .fa-sort-up,.asc-0 .fa-sort-down {display:inline-block;}

.list-header table{
    width:100%;
    border-bottom: 1px solid #f2f6fd;
}

.list-header td{
    padding:5px;
}

.list-header td:hover{
    background-color:#F4FBFF;
}

.progress-bar{
    background-color:#ff6a00;
    height:2px;
    border-radius:2px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
     height:34px;
     cursor:pointer;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px!important;
    direction: ltr;
    cursor: pointer;   
}

.list-folder-file{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:165px;
    padding-left:210px;
    overflow-y: scroll;
    z-index:5;   
}

.list-folder-file table{
    width:100%;
}

.list-folder-file table td{
    padding:10px 5px;
}

.list-folder-file table tr{
    padding:8px 5px;
    line-height:25px;
    font-size:12px;
    border-bottom: 1px solid #f2f6fd;
}

.list-folder-file table tr:hover{
    background-color:#F4FBFF;
}

.list-folder-file table tr:hover .filebar{
    display:block;
}

.icheckbox_square-blue{
 margin-right:15px;
}
.filename{    
    margin-left:35px;
}
.filebar{
    display:none;
}
.filebar a{
    margin-left:10px;
    text-decoration:none;
}

.filebar a:horizontal{
    text-decoration:none;
}

.modify-name{
    display:none;
    margin-left:35px;    
}

.modify .modify-name{
    display:inline-block;
}
.modify .filename{
    display:none;
}

.modify .filebar{
    display:none;
}

.folder-row{
    cursor:pointer;
}
